<!DOCTYPE html>
<html lang="en-us">
	{% include "common/base.html" %}
	
	<!--

	TABLE OF CONTENTS.
	
	Use search to find needed section.
	
	===================================================================
	
	|  01. #CSS Links                |  all CSS links and file paths  |
	|  02. #FAVICONS                 |  Favicon links and file paths  |
	|  03. #GOOGLE FONT              |  Google font link              |
	|  04. #APP SCREEN / ICONS       |  app icons, screen backdrops   |
	|  05. #BODY                     |  body tag                      |
	|  06. #HEADER                   |  header tag                    |
	|  07. #PROJECTS                 |  project lists                 |
	|  08. #TOGGLE LAYOUT BUTTONS    |  layout buttons and actions    |
	|  09. #MOBILE                   |  mobile view dropdown          |
	|  10. #SEARCH                   |  search field                  |
	|  11. #NAVIGATION               |  left panel & navigation       |
	|  12. #RIGHT PANEL              |  right panel userlist          |
	|  13. #MAIN PANEL               |  main panel                    |
	|  14. #MAIN CONTENT             |  content holder                |
	|  15. #PAGE FOOTER              |  page footer                   |
	|  16. #SHORTCUT AREA            |  dropdown shortcuts area       |
	|  17. #PLUGINS                  |  all scripts and plugins       |
	
	===================================================================
	
	-->
	
	<!-- #BODY -->
	<!-- Possible Classes

		* 'smart-style-{SKIN#}'
		* 'smart-rtl'         - Switch theme mode to RTL
		* 'menu-on-top'       - Switch to top navigation (no DOM change required)
		* 'no-menu'			  - Hides the menu completely
		* 'hidden-menu'       - Hides the main menu but still accessable by hovering over left edge
		* 'fixed-header'      - Fixes the header
		* 'fixed-navigation'  - Fixes the main menu
		* 'fixed-ribbon'      - Fixes breadcrumb
		* 'fixed-page-footer' - Fixes footer
		* 'container'         - boxed layout mode (non-responsive: will not work with fixed-navigation & fixed-ribbon)
	-->
	<body class="">

        {% include "common/common.html" %}

		<!-- MAIN PANEL -->
		<div id="main" role="main">

            {% include "common/topnav.html" %}

			<!-- MAIN CONTENT -->
			<div id="content">

				{% include "common/commoncontent.html" %}
				
				<!-- widget grid -->
				<section id="widget-grid" class="">
				
					<div class="well well-sm">
						<div class="input-group">
							<input class="form-control input-lg" type="text" id="fa-icon-search" placeholder="Search for an icon...">
							<span class="input-group-addon"><i class="fa fa-fw fa-lg fa-search"></i></span>
						</div>
					</div>
				
					<!-- row -->
					<div class="row">
				
						<!-- NEW WIDGET START -->
						<article class="col-sm-12">
				
							<!-- Widget ID (each widget will need unique ID)-->
							<div class="jarviswidget jarviswidget-color-blue" id="wid-id-0" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-togglebutton="false" data-widget-deletebutton="false" data-widget-sortable="false">
								<!-- widget options:
								usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

								data-widget-colorbutton="false"
								data-widget-editbutton="false"
								data-widget-togglebutton="false"
								data-widget-deletebutton="false"
								data-widget-fullscreenbutton="false"
								data-widget-custombutton="false"
								data-widget-collapsed="true"
								data-widget-sortable="false"

								-->
								<header>
									<span class="widget-icon"> <i class="fa fa-comments"></i> </span>
									<h2>Font Awesome</h2>

								</header>

								<!-- widget div-->
								<div>

									<!-- widget edit box -->
									<div class="jarviswidget-editbox">
										<!-- This area used as dropdown edit box -->

									</div>
									<!-- end widget edit box -->

									<!-- widget content -->
									<div class="widget-body" id="all-icons-demo">

									
											<div class="alert alert-info">
												<i class="fa fa-exclamation"></i> Please note: As of the of Font Awesome version 4.0. All icons now require a base class of <code>
													fa</code> as well as individual icon classes. For example <code> fa fa-adjust</code>
													<br>
													<div class="margin-top-5">View the full icon list by going to <a href="http://fortawesome.github.io/Font-Awesome/icons/" target="_blank">//fortawesome.github.io/Font-Awesome/icons/</a></div>
											</div>

											<div class="alert alert-warning"> <strong>NOTE</strong>: FontAwesome version 4.2 is blurry on some resolutions, therefore we did not upgrade (the included FontAwesome version is 4.1). Hopefully this issue will be resolved in later versions of FontAwesome and will be safer to upgrade</div>
											
											<!--<h2>40 NEW icons with 4.2</h2>
											
											<div class="row">

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-angellist"></i> fa-angellist
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-area-chart"></i> fa-area-chart
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-at"></i> fa-at
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bell-slash"></i> fa-bell-slash
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bell-slash-o"></i> fa-bell-slash-o
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bicycle"></i> fa-bicycle
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-binoculars"></i> fa-binoculars
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-birthday-cake"></i> fa-birthday-cake
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bus"></i> fa-bus
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-calculator"></i> fa-calculator
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cc"></i> fa-cc
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cc-amex"></i> fa-cc-amex
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cc-discover"></i> fa-cc-discover
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cc-mastercard"></i> fa-cc-mastercard
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cc-paypal"></i> fa-cc-paypal
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cc-stripe"></i> fa-cc-stripe
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cc-visa"></i> fa-cc-visa
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-copyright"></i> fa-copyright
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-eyedropper"></i> fa-eyedropper
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-futbol-o"></i> fa-futbol-o
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-google-wallet"></i> fa-google-wallet
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-ils"></i> fa-ils
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-ioxhost"></i> fa-ioxhost
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-lastfm"></i> fa-lastfm
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-lastfm-square"></i> fa-lastfm-square
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-line-chart"></i> fa-line-chart
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-meanpath"></i> fa-meanpath
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-newspaper-o"></i> fa-newspaper-o
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-paint-brush"></i> fa-paint-brush
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-paypal"></i> fa-paypal
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-pie-chart"></i> fa-pie-chart
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-plug"></i> fa-plug
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-shekel"></i> fa-shekel <span class="text-muted">(alias)</span>
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sheqel"></i> fa-sheqel <span class="text-muted">(alias)</span>
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-slideshare"></i> fa-slideshare
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-soccer-ball-o"></i> fa-soccer-ball-o <span class="text-muted">(alias)</span>
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-toggle-off"></i> fa-toggle-off
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-toggle-on"></i> fa-toggle-on
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-trash"></i> fa-trash
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-tty"></i> fa-tty
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-twitch"></i> fa-twitch
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-wifi"></i> fa-wifi
												</div>
					
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-yelp"></i> fa-yelp
												</div>
					
											</div>-->
																		
											<h2>70 new icons was introduced in 4.1</h2>

											<div class="row">

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-automobile"></i> fa-automobile <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bank"></i> fa-bank <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-behance"></i> fa-behance
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-behance-square"></i> fa-behance-square
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bomb"></i> fa-bomb
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-building"></i> fa-building
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cab"></i> fa-cab <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-car"></i> fa-car
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-child"></i> fa-child
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-circle-o-notch"></i> fa-circle-o-notch
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-circle-thin"></i> fa-circle-thin
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-codepen"></i> fa-codepen
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cube"></i> fa-cube
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cubes"></i> fa-cubes
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-database"></i> fa-database
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-delicious"></i> fa-delicious
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-deviantart"></i> fa-deviantart
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-digg"></i> fa-digg
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-drupal"></i> fa-drupal
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-empire"></i> fa-empire
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-envelope-square"></i> fa-envelope-square
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-fax"></i> fa-fax
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-archive-o"></i> fa-file-archive-o
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-audio-o"></i> fa-file-audio-o
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-code-o"></i> fa-file-code-o
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-excel-o"></i> fa-file-excel-o
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-image-o"></i> fa-file-image-o
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-movie-o"></i> fa-file-movie-o <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-pdf-o"></i> fa-file-pdf-o
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-photo-o"></i> fa-file-photo-o <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-picture-o"></i> fa-file-picture-o <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-powerpoint-o"></i> fa-file-powerpoint-o
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-sound-o"></i> fa-file-sound-o <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-video-o"></i> fa-file-video-o
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-word-o"></i> fa-file-word-o
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-zip-o"></i> fa-file-zip-o <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-ge"></i> fa-ge <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-git"></i> fa-git
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-git-square"></i> fa-git-square
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-google"></i> fa-google
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-graduation-cap"></i> fa-graduation-cap
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-hacker-news"></i> fa-hacker-news
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-header"></i> fa-header
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-history"></i> fa-history
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-institution"></i> fa-institution <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-joomla"></i> fa-joomla
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-jsfiddle"></i> fa-jsfiddle
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-language"></i> fa-language
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-life-bouy"></i> fa-life-bouy <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-life-ring"></i> fa-life-ring
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-life-saver"></i> fa-life-saver <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-mortar-board"></i> fa-mortar-board <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-openid"></i> fa-openid
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-paper-plane"></i> fa-paper-plane
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-paper-plane-o"></i> fa-paper-plane-o
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-paragraph"></i> fa-paragraph
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-paw"></i> fa-paw
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-pied-piper"></i> fa-pied-piper
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-pied-piper-alt"></i> fa-pied-piper-alt
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-pied-piper-square"></i> fa-pied-piper-square <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-qq"></i> fa-qq
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-ra"></i> fa-ra <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-rebel"></i> fa-rebel
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-recycle"></i> fa-recycle
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-reddit"></i> fa-reddit
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-reddit-square"></i> fa-reddit-square
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-send"></i> fa-send <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-send-o"></i> fa-send-o <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-share-alt"></i> fa-share-alt
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-share-alt-square"></i> fa-share-alt-square
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-slack"></i> fa-slack
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sliders"></i> fa-sliders
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-soundcloud"></i> fa-soundcloud
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-space-shuttle"></i> fa-space-shuttle
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-spoon"></i> fa-spoon
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-spotify"></i> fa-spotify
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-steam"></i> fa-steam
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-steam-square"></i> fa-steam-square
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-stumbleupon"></i> fa-stumbleupon
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-stumbleupon-circle"></i> fa-stumbleupon-circle
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-support"></i> fa-support <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-taxi"></i> fa-taxi
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-tencent-weibo"></i> fa-tencent-weibo
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-tree"></i> fa-tree
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-university"></i> fa-university
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-vine"></i> fa-vine
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-wechat"></i> fa-wechat <span class="text-muted">(alias)</span>
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-weixin"></i> fa-weixin
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-wordpress"></i> fa-wordpress
												</div>

												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-yahoo"></i> fa-yahoo
												</div>

											</div>		
												
											<!-- new sets -->
												
											<h2>Web Application Icons</h2>

											<div class="row">
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-adjust"></i> fa-adjust
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-anchor"></i> fa-anchor
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-archive"></i> fa-archive
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-asterisk"></i> fa-asterisk
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-ban"></i> fa-ban
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bar-chart-o"></i> fa-bar-chart-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-barcode"></i> fa-barcode
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-beer"></i> fa-beer
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bell"></i> fa-bell
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bell-o"></i> fa-bell-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bolt"></i> fa-bolt
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-book"></i> fa-book
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bookmark"></i> fa-bookmark
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bookmark-o"></i> fa-bookmark-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-briefcase"></i> fa-briefcase
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bug"></i> fa-bug
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-building"></i> fa-building
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bullhorn"></i> fa-bullhorn
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bullseye"></i> fa-bullseye
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-calendar"></i> fa-calendar
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-calendar-o"></i> fa-calendar-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-camera"></i> fa-camera
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-camera-retro"></i> fa-camera-retro
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-certificate"></i> fa-certificate
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-check"></i> fa-check
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-check-circle"></i> fa-check-circle
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-check-circle-o"></i> fa-check-circle-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-check-square"></i> fa-check-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-check-square-o"></i> fa-check-square-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-circle"></i> fa-circle
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-circle-o"></i> fa-circle-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-clock-o"></i> fa-clock-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cloud"></i> fa-cloud
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cloud-download"></i> fa-cloud-download
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cloud-upload"></i> fa-cloud-upload
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-code"></i> fa-code
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-code-fork"></i> fa-code-fork
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-coffee"></i> fa-coffee
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cog"></i> fa-cog
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cogs"></i> fa-cogs
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-plus-square-o"></i> fa-plus-square-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-comment"></i> fa-comment
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-comment-o"></i> fa-comment-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-comments"></i> fa-comments
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-comments-o"></i> fa-comments-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-compass"></i> fa-compass
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-credit-card"></i> fa-credit-card
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-crop"></i> fa-crop
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-crosshairs"></i> fa-crosshairs
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cutlery"></i> fa-cutlery
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-dashboard"></i> fa-dashboard <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-desktop"></i> fa-desktop
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-download"></i> fa-download
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-edit"></i> fa-edit <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-ellipsis-horizontal"></i> fa-ellipsis-horizontal
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-ellipsis-vertical"></i> fa-ellipsis-vertical
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-envelope"></i> fa-envelope
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-envelope-o"></i> fa-envelope-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-eraser"></i> fa-eraser
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-exchange"></i> fa-exchange
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-exclamation"></i> fa-exclamation
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-exclamation-circle"></i> fa-exclamation-circle
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-exclamation-triangle"></i> fa-exclamation-triangle
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-minus-square-o"></i> fa-minus-square-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-external-link"></i> fa-external-link
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-external-link-square"></i> fa-external-link-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-eye"></i> fa-eye
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-eye-slash"></i> fa-eye-slash
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-female"></i> fa-female
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-fighter-jet"></i> fa-fighter-jet
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-film"></i> fa-film
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-filter"></i> fa-filter
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-fire"></i> fa-fire
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-fire-extinguisher"></i> fa-fire-extinguisher
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-flag"></i> fa-flag
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-flag-checkered"></i> fa-flag-checkered
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-flag-o"></i> fa-flag-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-flash"></i> fa-flash <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-flask"></i> fa-flask
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-folder"></i> fa-folder
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-folder-o"></i> fa-folder-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-folder-open"></i> fa-folder-open
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-folder-open-o"></i> fa-folder-open-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-frown-o"></i> fa-frown-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-gamepad"></i> fa-gamepad
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-gavel"></i> fa-gavel
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-gear"></i> fa-gear <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-gears"></i> fa-gears <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-gift"></i> fa-gift
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-glass"></i> fa-glass
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-globe"></i> fa-globe
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-group"></i> fa-group
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-hdd-o"></i> fa-hdd-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-headphones"></i> fa-headphones
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-heart"></i> fa-heart
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-heart-o"></i> fa-heart-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-home"></i> fa-home
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-inbox"></i> fa-inbox
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-info"></i> fa-info
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-info-circle"></i> fa-info-circle
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-key"></i> fa-key
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-keyboard-o"></i> fa-keyboard-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-laptop"></i> fa-laptop
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-leaf"></i> fa-leaf
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-legal"></i> fa-legal <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-lemon-o"></i> fa-lemon-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-level-down"></i> fa-level-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-level-up"></i> fa-level-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-lightbulb-o"></i> fa-lightbulb-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-location-arrow"></i> fa-location-arrow
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-lock"></i> fa-lock
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-magic"></i> fa-magic
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-magnet"></i> fa-magnet
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-mail-forward"></i> fa-mail-forward <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-mail-reply"></i> fa-mail-reply <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-mail-reply-all"></i> fa-mail-reply-all
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-male"></i> fa-male
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-map-marker"></i> fa-map-marker
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-meh-o"></i> fa-meh-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-microphone"></i> fa-microphone
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-microphone-slash"></i> fa-microphone-slash
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-minus"></i> fa-minus
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-minus-circle"></i> fa-minus-circle
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-minus-square"></i> fa-minus-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-minus-square-o"></i> fa-minus-square-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-mobile"></i> fa-mobile
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-mobile-phone"></i> fa-mobile-phone <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-money"></i> fa-money
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-moon-o"></i> fa-moon-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-move"></i> fa-move
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-music"></i> fa-music
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-pencil"></i> fa-pencil
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-pencil-square"></i> fa-pencil-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-pencil-square-o"></i> fa-pencil-square-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-phone"></i> fa-phone
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-phone-square"></i> fa-phone-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-picture-o"></i> fa-picture-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-plane"></i> fa-plane
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-plus"></i> fa-plus
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-plus-circle"></i> fa-plus-circle
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-plus-square"></i> fa-plus-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-power-off"></i> fa-power-off
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-print"></i> fa-print
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-puzzle-piece"></i> fa-puzzle-piece
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-qrcode"></i> fa-qrcode
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-question"></i> fa-question
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-question-circle"></i> fa-question-circle
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-quote-left"></i> fa-quote-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-quote-right"></i> fa-quote-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-random"></i> fa-random
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-refresh"></i> fa-refresh
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-reorder"></i> fa-reorder
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-reply"></i> fa-reply
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-reply-all"></i> fa-reply-all
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-resize-horizontal"></i> fa-resize-horizontal
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-resize-vertical"></i> fa-resize-vertical
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-retweet"></i> fa-retweet
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-road"></i> fa-road
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-rocket"></i> fa-rocket
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-rss"></i> fa-rss
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-rss-square"></i> fa-rss-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-search"></i> fa-search
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-search-minus"></i> fa-search-minus
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-search-plus"></i> fa-search-plus
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-share"></i> fa-share
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-share-square"></i> fa-share-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-share-square-o"></i> fa-share-square-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-shield"></i> fa-shield
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-shopping-cart"></i> fa-shopping-cart
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sign-in"></i> fa-sign-in
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sign-out"></i> fa-sign-out
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-signal"></i> fa-signal
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sitemap"></i> fa-sitemap
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-smile-o"></i> fa-smile-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sort"></i> fa-sort
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sort-alpha-asc"></i> fa-sort-alpha-asc
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sort-alpha-desc"></i> fa-sort-alpha-desc
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sort-amount-asc"></i> fa-sort-amount-asc
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sort-amount-desc"></i> fa-sort-amount-desc
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sort-asc"></i> fa-sort-asc
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sort-desc"></i> fa-sort-desc
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sort-down"></i> fa-sort-down <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sort-numeric-asc"></i> fa-sort-numeric-asc
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sort-numeric-desc"></i> fa-sort-numeric-desc
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sort-up"></i> fa-sort-up <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-spinner"></i> fa-spinner
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-square"></i> fa-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-square-o"></i> fa-square-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-star"></i> fa-star
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-star-half"></i> fa-star-half
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-star-half-empty"></i> fa-star-half-empty <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-star-half-full"></i> fa-star-half-full <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-star-half-o"></i> fa-star-half-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-star-o"></i> fa-star-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-subscript"></i> fa-subscript
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-suitcase"></i> fa-suitcase
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-sun-o"></i> fa-sun-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-superscript"></i> fa-superscript
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-tablet"></i> fa-tablet
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-tachometer"></i> fa-tachometer
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-tag"></i> fa-tag
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-tags"></i> fa-tags
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-tasks"></i> fa-tasks
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-terminal"></i> fa-terminal
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-thumb-tack"></i> fa-thumb-tack
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-thumbs-down"></i> fa-thumbs-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-thumbs-o-down"></i> fa-thumbs-o-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-thumbs-o-up"></i> fa-thumbs-o-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-thumbs-up"></i> fa-thumbs-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-ticket"></i> fa-ticket
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-times"></i> fa-times
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-times-circle"></i> fa-times-circle
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-times-circle-o"></i> fa-times-circle-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-tint"></i> fa-tint
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-trash-o"></i> fa-trash-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-trophy"></i> fa-trophy
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-truck"></i> fa-truck
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-umbrella"></i> fa-umbrella
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-unlock"></i> fa-unlock
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-unlock-alt"></i> fa-unlock-alt
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-unsorted"></i> fa-unsorted <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-upload"></i> fa-upload
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-user"></i> fa-user
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-video-camera"></i> fa-video-camera
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-volume-down"></i> fa-volume-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-volume-off"></i> fa-volume-off
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-volume-up"></i> fa-volume-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-warning"></i> fa-warning <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-wheelchair"></i> fa-wheelchair
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-wrench"></i> fa-wrench
												</div>
											</div>
										
											<!-- new sets -->
									
											<h2>Form Control Icons</h2>

											<div class="row">
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-check-square"></i> fa-check-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-check-square-o"></i> fa-check-square-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-circle"></i> fa-circle
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-circle-o"></i> fa-circle-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-dot-circle-o"></i> fa-dot-circle-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-minus-square"></i> fa-minus-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-minus-square-o"></i> fa-minus-square-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-square"></i> fa-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-square-o"></i> fa-square-o
												</div>
											</div>
										
											<!-- new sets -->
										
											<h2>Currency Icons</h2>
											
											<div class="row">
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-btc"></i> fa-btc
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cny"></i> fa-cny <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-dollar"></i> fa-dollar <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-eur"></i> fa-eur
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-euro"></i> fa-euro <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-gbp"></i> fa-gbp
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-inr"></i> fa-inr
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-jpy"></i> fa-jpy
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-krw"></i> fa-krw
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-money"></i> fa-money
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-rmb"></i> fa-rmb <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-rouble"></i> fa-rouble <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-rub"></i> fa-rub
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-ruble"></i> fa-ruble <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-rupee"></i> fa-rupee <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-try"></i> fa-try
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-turkish-lira"></i> fa-turkish-lira <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-usd"></i> fa-usd
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-won"></i> fa-won <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-yen"></i> fa-yen <span class="text-muted">(alias)</span>
												</div>
											</div>
										
											<!-- new sets -->
										
											<h2>Text Editor Icons</h2>

											<div class="row">
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-align-center"></i> fa-align-center
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-align-justify"></i> fa-align-justify
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-align-left"></i> fa-align-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-align-right"></i> fa-align-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bold"></i> fa-bold
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-chain"></i> fa-chain <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-chain-broken"></i> fa-chain-broken
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-clipboard"></i> fa-clipboard
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-columns"></i> fa-columns
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-copy"></i> fa-copy <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-cut"></i> fa-cut <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-dedent"></i> fa-dedent <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-eraser"></i> fa-eraser
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file"></i> fa-file
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-o"></i> fa-file-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-text"></i> fa-file-text
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-file-text-o"></i> fa-file-text-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-files-o"></i> fa-files-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-floppy-o"></i> fa-floppy-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-font"></i> fa-font
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-indent"></i> fa-indent
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-italic"></i> fa-italic
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-link"></i> fa-link
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-list"></i> fa-list
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-list-alt"></i> fa-list-alt
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-list-ol"></i> fa-list-ol
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-list-ul"></i> fa-list-ul
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-outdent"></i> fa-outdent
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-paperclip"></i> fa-paperclip
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-paste"></i> fa-paste <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-repeat"></i> fa-repeat
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-rotate-left"></i> fa-rotate-left <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-rotate-right"></i> fa-rotate-right <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-save"></i> fa-save <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-scissors"></i> fa-scissors
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-strikethrough"></i> fa-strikethrough
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-table"></i> fa-table
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-text-height"></i> fa-text-height
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-text-width"></i> fa-text-width
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-th"></i> fa-th
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-th-large"></i> fa-th-large
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-th-list"></i> fa-th-list
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-underline"></i> fa-underline
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-undo"></i> fa-undo
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-unlink"></i> fa-unlink <span class="text-muted">(alias)</span>
												</div>
											</div>
										
											<!-- new sets -->
										
											<h2>Directional Icons</h2>

											<div class="row">
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-angle-double-down"></i> fa-angle-double-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-angle-double-left"></i> fa-angle-double-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-angle-double-right"></i> fa-angle-double-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-angle-double-up"></i> fa-angle-double-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-angle-down"></i> fa-angle-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-angle-left"></i> fa-angle-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-angle-right"></i> fa-angle-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-angle-up"></i> fa-angle-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrow-down"></i> fa-arrow-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrow-left"></i> fa-arrow-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrow-right"></i> fa-arrow-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrow-up"></i> fa-arrow-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-caret-down"></i> fa-caret-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-caret-left"></i> fa-caret-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-caret-right"></i> fa-caret-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-caret-up"></i> fa-caret-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-chevron-circle-down"></i> fa-chevron-circle-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-chevron-circle-left"></i> fa-chevron-circle-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-chevron-circle-up"></i> fa-chevron-circle-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-chevron-down"></i> fa-chevron-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-chevron-left"></i> fa-chevron-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-chevron-right"></i> fa-chevron-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-chevron-up"></i> fa-chevron-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-hand-o-down"></i> fa-hand-o-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-hand-o-left"></i> fa-hand-o-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-hand-o-right"></i> fa-hand-o-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-hand-o-up"></i> fa-hand-o-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-long-arrow-down"></i> fa-long-arrow-down
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-long-arrow-left"></i> fa-long-arrow-left
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-long-arrow-right"></i> fa-long-arrow-right
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-long-arrow-up"></i> fa-long-arrow-up
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span>
												</div>
											</div>
										
											<!-- new sets -->
										
											<h2>Video Player Icons</h2>

											<div class="row">
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-backward"></i> fa-backward
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-eject"></i> fa-eject
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-fast-backward"></i> fa-fast-backward
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-fast-forward"></i> fa-fast-forward
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-forward"></i> fa-forward
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-arrows-alt"></i> fa-arrows-alt
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-pause"></i> fa-pause
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-play"></i> fa-play
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-play-circle"></i> fa-play-circle
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-play-circle-o"></i> fa-play-circle-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-expand"></i> fa-expand
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-compress"></i> fa-compress
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-step-backward"></i> fa-step-backward
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-step-forward"></i> fa-step-forward
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-stop"></i> fa-stop
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-youtube-play"></i> fa-youtube-play
												</div>
											</div>
										
											<!-- new sets -->
										
											<h2>Brand Icons</h2>
											
											<div class="alert alert-success">
												<ul class="margin-bottom-none padding-left-lg">
													<li>
														All brand icons are trademarks of their respective owners.
													</li>
													<li>
														The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.
													</li>
												</ul>
											</div>

											<div class="row">
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-adn"></i> fa-adn
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-android"></i> fa-android
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-apple"></i> fa-apple
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bitbucket"></i> fa-bitbucket
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bitbucket-square"></i> fa-bitbucket-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span>
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-btc"></i> fa-btc
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-css3"></i> fa-css3
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-dribbble"></i> fa-dribbble
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-dropbox"></i> fa-dropbox
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-facebook"></i> fa-facebook
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-facebook-square"></i> fa-facebook-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-flickr"></i> fa-flickr
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-foursquare"></i> fa-foursquare
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-github"></i> fa-github
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-github-alt"></i> fa-github-alt
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-github-square"></i> fa-github-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-gittip"></i> fa-gittip
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-google-plus"></i> fa-google-plus
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-google-plus-square"></i> fa-google-plus-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-html5"></i> fa-html5
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-instagram"></i> fa-instagram
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-linkedin"></i> fa-linkedin
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-linkedin-square"></i> fa-linkedin-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-linux"></i> fa-linux
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-maxcdn"></i> fa-maxcdn
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-pagelines"></i> fa-pagelines
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-pinterest"></i> fa-pinterest
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-pinterest-square"></i> fa-pinterest-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-renren"></i> fa-renren
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-skype"></i> fa-skype
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-stack-exchange"></i> fa-stack-exchange
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-stack-overflow"></i> fa-stack-overflow
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-trello"></i> fa-trello
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-tumblr"></i> fa-tumblr
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-tumblr-square"></i> fa-tumblr-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-twitter"></i> fa-twitter
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-twitter-square"></i> fa-twitter-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-vimeo-square"></i> fa-vimeo-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-vk"></i> fa-vk
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-weibo"></i> fa-weibo
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-windows"></i> fa-windows
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-xing"></i> fa-xing
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-xing-square"></i> fa-xing-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-youtube"></i> fa-youtube
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-youtube-play"></i> fa-youtube-play
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-youtube-square"></i> fa-youtube-square
												</div>
											</div>
										
											<!-- new sets -->
										
											<h2>Medical Icons</h2>

											<div class="row">
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-ambulance"></i> fa-ambulance
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-h-square"></i> fa-h-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-hospital-o"></i> fa-hospital-o
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-medkit"></i> fa-medkit
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-plus-square"></i> fa-plus-square
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-stethoscope"></i> fa-stethoscope
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-user-md"></i> fa-user-md
												</div>
												<div class="col-xs-6 col-md-3 col-sm-4 demo-icon-font">
													<i class="fa fa-wheelchair"></i> fa-wheelchair
												</div>
											</div>
										
											<!-- END sets -->
									</div>
									<!-- end widget content -->

								</div>
								<!-- end widget div -->

							</div>
							<!-- end widget -->
				
						</article>
						<!-- WIDGET END -->
				
					</div>
				
					<!-- end row -->
				
					<!-- row -->
				
					<div class="row">
				
					</div>
				
					<!-- end row -->
				
				</section>
				<!-- end widget grid -->

			</div>
			<!-- END MAIN CONTENT -->

		</div>
		<!-- END MAIN PANEL -->



		<!--================================================== -->

		<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)-->
		<script data-pace-options='{ "restartOnRequestAfter": true }' src="/static/js/plugin/pace/pace.min.js"></script>

		<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
		{% include "common/basejs.html" %}

		<!-- IMPORTANT: APP CONFIG -->
		<script src="/static/js/app.config.js"></script>

		<!-- JS TOUCH : include this plugin for mobile drag / drop touch events-->
		<script src="/static/js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script>

		<!-- BOOTSTRAP JS -->
		<script src="/static/js/bootstrap/bootstrap.min.js"></script>

		<!-- CUSTOM NOTIFICATION -->
		<script src="/static/js/notification/SmartNotification.min.js"></script>

		<!-- JARVIS WIDGETS -->
		<script src="/static/js/smartwidgets/jarvis.widget.min.js"></script>

		<!-- EASY PIE CHARTS -->
		<script src="/static/js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

		<!-- SPARKLINES -->
		<script src="/static/js/plugin/sparkline/jquery.sparkline.min.js"></script>

		<!-- JQUERY VALIDATE -->
		<script src="/static/js/plugin/jquery-validate/jquery.validate.min.js"></script>

		<!-- JQUERY MASKED INPUT -->
		<script src="/static/js/plugin/masked-input/jquery.maskedinput.min.js"></script>

		<!-- JQUERY SELECT2 INPUT -->
		<script src="/static/js/plugin/select2/select2.min.js"></script>

		<!-- JQUERY UI + Bootstrap Slider -->
		<script src="/static/js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

		<!-- browser msie issue fix -->
		<script src="/static/js/plugin/msie-fix/jquery.mb.browser.min.js"></script>

		<!-- FastClick: For mobile devices -->
		<script src="/static/js/plugin/fastclick/fastclick.min.js"></script>

		<!--[if IE 8]>

		<h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>

		<![endif]-->

		<!-- Demo purpose only -->
		{% include "common/javascript.html" %}

		<!-- MAIN APP JS FILE -->
		<script src="/static/js/app.min.js"></script>

		<!-- ENHANCEMENT PLUGINS : NOT A REQUIREMENT -->
		<!-- Voice command : plugin -->
		<script src="/static/js/speech/voicecommand.min.js"></script>

		<!-- SmartChat UI : plugin -->
		<script src="/static/js/smart-chat-ui/smart.chat.ui.min.js"></script>
		<script src="/static/js/smart-chat-ui/smart.chat.manager.min.js"></script>

		<!-- PAGE RELATED PLUGIN(S) 
		<script src="..."></script>-->

		<script type="text/javascript">
		
		// DO NOT REMOVE : GLOBAL FUNCTIONS!
		
		$(document).ready(function() {
			
			pageSetUp();
			
			function hide_divs(search) {
			    $(".demo-icon-font").hide(); // hide all divs
			    $("#all-icons-demo h2").hide();
			    $("#all-icons-demo .alert").hide();
				$('.demo-icon-font > i[class*="'+search+'"]').parent().show(); // show the ones that match
			}
			
			function show_all() {
			    $(".demo-icon-font").show()
			    $("#all-icons-demo h2").show();
			    $("#all-icons-demo .alert").show();
			}
			
			$("#fa-icon-search").keyup(function() {
				var search = $.trim(this.value);
				if (search === "") {
					show_all();
				}
				else {
					hide_divs(search);
				}
			});			
		
		})

		</script>

		<!-- Your GOOGLE ANALYTICS CODE Below -->
		<script type="text/javascript">
			var _gaq = _gaq || [];
				_gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
				_gaq.push(['_trackPageview']);
			
			(function() {
				var ga = document.createElement('script');
				ga.type = 'text/javascript';
				ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(ga, s);
			})();

		</script>

	</body>

</html>